import React, { useEffect, useRef, useState } from "react";
import { Avatar, Button } from "antd-mobile";
import dayjs from "dayjs";
import { AVATAR_URL } from "@/config";

const pageName = "rank.stage.item";
const klassName = pageName.replace(/\./g, '-');


export default function Comp({rank, isColumns, item}) {

  return (
    <div className={`cp-${klassName} rank-${item?.rank}`}>
      <div className="inner">
        <div className="thumb-wrap">
          <div className="crown" />
          <Avatar src={AVATAR_URL + item?.avatar} />
        </div>
        <div className="holder">
          <div className="name">{item?.nickname}</div>
          <div className="value">{item?.score}分</div>
        </div>
      </div>
    </div>
  )
}

